<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<div id="gallery-view">

	<ul id="category-nav">
		<li class="category-nav-link" ng-click="toGallery()">
			All
		</li>

		<li class="category-nav-link" ng-click="toInk()">
			Ink
		</li>
		<li class="category-nav-link" ng-click="toOil()">
			Oil
		</li>
		<li class="category-nav-link" ng-click="toPastel()">
			Pastel
		</li>
		<li class="category-nav-link" ng-click="toWatercolor()">
			Watercolor
		</li>
	</ul>

	<div id="grid-container">
		<ul id="grid">
			<li class="product" id="{{product.id}}" ng-repeat="product in gallery" 
			ng-click="showProduct($index)">
				<img ng-src="{{product.url}}">
				<span class="caption">
					<span class="name"> {{product.name}} </span>
					<span class="price-details">
						<span class="price"> {{product.price}} </span>
						<span class="currency"> € </span> 
					</span>
				</span>
			</li>	
		</ul>
	</div>

</div>